<!DOCTYPE html>
<!-- saved from url=(0032)chrome://settings-frame/settings -->
<html id="t" i18n-values="dir:textdirection" class="focus-outline-visible" dir="ltr" flashpluginsupportsclearsitedata="" hasflashplugin="" enablepepperflashsettings=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title i18n-content="optionsPageTitle">设置</title>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/apollo-jslib-1.0.js"></script>
<script type="text/javascript" src="js/demo-keywords.js"></script>

<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

body.uber-frame {
  -webkit-margin-start: 155px;
  color: rgb(48, 57, 66);
}

html[dir='rtl'] body.uber-frame {
  /* Enable vertical scrollbar at all times in RTL to avoid visual glitches when
   * showing sub-pages that vertically overflow. */
  overflow-y: scroll;
}

/* TODO(dbeam): Remove .page class from overlays in settings so the junk below
 * isn't necessary. */
body.uber-frame #extension-settings.page,
body.uber-frame #mainview-content .page,
body.uber-frame .subpage-sheet-container .page,
body.uber-frame > .page {
  -webkit-margin-end: 24px;
  min-width: 576px;
  padding-bottom: 20px;
  padding-top: 55px;
}

body.uber-frame header {
  background-image: -webkit-linear-gradient(white,
                                            white 40%,
                                            rgba(255, 255, 255, 0.92));
  left: 155px;
  /* <section>s in options currently amount to 638px total, broken up into
   * 600px max-width + 18px -webkit-padding-start + 20px -webkit-margin-end
   * so we mirror this value here so the headers match width and horizontal
   * alignment when scrolling sideways.
   * other-devices.css' .device width depends on this, please keep in sync.
   */
  max-width: 738px;
  min-width: 600px;
  position: fixed;
  right: 0;
  top: 0;
  /* list.css sets a z-index of up to 2, this is set to 3 to ensure that the
   * header is in front of the selected list item. */
  z-index: 3;
}

html[dir='rtl'] body.uber-frame header {
  left: 0;
  right: 155px;
}

body.uber-frame header > .search-field-container,
body.uber-frame header > .header-extras,
body.uber-frame header > button {
  position: absolute;
  right: 20px;
  top: 21px;
}

html[dir='rtl'] body.uber-frame header > .search-field-container,
html[dir='rtl'] body.uber-frame header > .header-extras,
html[dir='rtl'] body.uber-frame header > button {
  left: 20px;
  right: auto;
}

body.uber-frame header input[type='search'],
body.uber-frame header input[type='text'],
body.uber-frame header button {
  margin: 0;
}

body.uber-frame header > h1 {
  margin: 0;
  padding: 21px 0 13px;
}

/* Create a border under the h1 (but before anything that gets appended
 * to the end of the header). */
body.uber-frame header > h1::after {
  -webkit-margin-end: 20px;
  background-color: #eee;
  content: ' ';
  display: block;
  height: 1px;
  position: relative;
  top: 13px;
}

body.uber-frame footer {
  border-top: 1px solid #eee;
  margin-top: 16px;
  /* min-width and max-width should match the header */
  max-width: 638px;
  min-width: 600px;
  padding: 8px 0;
}

/* Sections are used in options pages, help page and history page. This defines
 * the section metrics to match the header metrics above. */
body.uber-frame section {
  -webkit-padding-start: 18px;
  margin-bottom: 24px;
  margin-top: 8px;
  max-width: 600px;
}

body.uber-frame section:last-of-type {
  margin-bottom: 0;
}

body.uber-frame section > h3 {
  -webkit-margin-start: -18px;
}

body.uber-frame section > div:only-of-type {
  -webkit-box-flex: 1;
}

body.uber-frame .section-header {
  -webkit-margin-start: -18px;
  margin-bottom: 0.8em;
  margin-top: 1.2em;
}

body.uber-frame .section-header > h3 {
  display: inline;
}

/* Styles for a hideable notification banner at the top of a page. */
.page.showing-banner {
  margin-top: 45px;
}

.page-banner {
  background-color: white;
  width: 100%;
  z-index: 2;
}

.page:not(.showing-banner) .page-banner {
  display: none;
}

.page-banner-gradient {
  background: -webkit-linear-gradient(rgb(255, 242, 183),
                                      rgb(250, 230, 145));
  border: 1px solid rgb(201, 189, 141);
  border-radius: 3px;
  margin: 9px 9px 0 9px;
  min-height: 25px;
}

.page-banner .page-banner-gradient {
  -webkit-margin-end: 20px;
  -webkit-margin-start: 0;
  margin-bottom: 9px;
}

.page-banner-text {
  -webkit-padding-end: 8px;
  -webkit-padding-start: 26px;
  background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 16px;
  display: block;
  padding-bottom: 8px;
  padding-top: 8px;
}

.page-banner.clickable:active .page-banner-text {
  background: -webkit-linear-gradient(rgb(250, 230, 145),
                                      rgb(255, 242, 183));
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

body {
  position: relative;
}

#main-content {
  bottom: 0;
  display: -webkit-box;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#mainview {
  -webkit-box-align: stretch;
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

#mainview-content {
  min-height: 100%;
  position: relative;
}

#page-container {
  box-sizing: border-box;
  max-width: 888px;
  min-width: 600px;
}

body.uber-frame #searchBox {
  position: fixed;
  z-index: 4;
}

div.disabled {
  color: #999;
}

.settings-row {
  display: block;
  margin: 0.65em 0;
}

.hbox {
  -webkit-box-orient: horizontal;
  display: -webkit-box;
}

.vbox {
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.box-align-center {
  -webkit-box-align: center;
}

.stretch {
  -webkit-box-flex: 1;
}

.frozen {
  position: fixed;
}

#overlay-container-1 {
  z-index: 11;
}
#overlay-container-2 {
  z-index: 12;
}
#overlay-container-3 {
  z-index: 13;
}

.raw-button,
.raw-button:hover,
.raw-button:active {
  -webkit-box-shadow: none;
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  min-width: 0;
  padding: 1px 6px;
}

.bottom-strip {
  border-top: none;
  bottom: 0;
  padding: 12px;
  position: absolute;
  right: 0;
}

/* Omit top padding (currently only on #settings) whenever the search page is
 * showing.
 */
#searchPage:not([hidden]) + #settings {
  padding-top: 0;
}

.page list {
  /* Min height is a multiple of the list item height (32) */
  min-height: 192px;
}

.option {
  margin-top: 0;
}

.transparent {
  opacity: 0;
}

.touch-slider {
  -webkit-appearance: slider-horizontal;
}

.settings-list,
.settings-list-empty {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}

.settings-list-empty {
  background-color: #f4f4f4;
  box-sizing: border-box;
  min-height: 125px;
  padding-left: 20px;
  padding-top: 20px;
}


/* Editable text field properties */
.editable-text-field > * {
  -webkit-box-align: center;
  -webkit-transition: 150ms background-color;
  border: none;
  box-sizing: border-box;
  display: -webkit-box;
  height: 20px;
  margin: 0;
}

.editable-text-field > .spacer {
  /* The above height rule should not apply to spacers. */
  height: 0;
}

.editable-text-field .editable-text {
  padding: 2px 3px;
}

.editable-text-field .static-text {
  height: 24px;
  overflow: hidden;
  padding: 3px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.editable-text-field:not([editable]) > [displaymode='edit'] {
  display: none;
}

.editable-text-field[editable] > [displaymode='static'] {
  display: none;
}

.editable-text-field[empty] > input[type='text'] {
  color: #ccc;
  font-style: italic;
}

.editable-text-field[disabled] {
  opacity: 0.6;
}

/* Editable List properties */
list > * {
  -webkit-box-align: center;
  -webkit-transition: 150ms background-color;
  border: none;
  border-radius: 0;  /* TODO(dbeam): Is this necessary? */
  box-sizing: border-box;
  display: -webkit-box;
  height: 32px;
  margin: 0;
}

list > .spacer {
  /* The above height rule should not apply to spacers. When redraw is called
     on the list they will be given an explicit element height but this ensures
     they have 0 height to begin with. */
  height: 0;
}

list:not([disabled]) > :hover {
  background-color: rgb(228, 236, 247);
}

/* TODO(stuartmorgan): Once this becomes the list style for other WebUI pages
 * these rules can be simplified (since they wont need to override other rules).
 */

list:not([hasElementFocus]) > [selected],
list:not([hasElementFocus]) > [lead][selected] {
  background-color: #d0d0d0;
  background-image: none;
}

list[hasElementFocus] > [selected],
list[hasElementFocus] > [lead][selected],
list:not([hasElementFocus]) > [selected]:hover,
list:not([hasElementFocus]) > [selected][lead]:hover {
  background-color: rgb(187, 206, 233);
  background-image: none;
}

list[hasElementFocus] > [lead],
list[hasElementFocus] > [lead][selected] {
  border-bottom: 1px solid rgb(120, 146, 180);
  border-top: 1px solid rgb(120, 146, 180);
}

list[hasElementFocus] > [lead]:nth-child(2),
list[hasElementFocus] > [lead][selected]:nth-child(2) {
  border-top: 1px solid transparent;
}

list[hasElementFocus] > [lead]:nth-last-child(2),
list[hasElementFocus] > [lead][selected]:nth-last-child(2) {
  border-bottom: 1px solid transparent;
}

list[disabled] > [lead][selected],
list[disabled]:focus > [lead][selected] {
  border: none;
}

list[disabled] {
  opacity: 0.6;
}

list > .heading {
  color: #666;
}

list > .heading:hover {
  background-color: transparent;
  border-color: transparent;
}

list .deletable-item {
  -webkit-box-align: center;
}

list .deletable-item > :first-child {
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  -webkit-padding-end: 5px;
  display: -webkit-box;
}

list .row-delete-button {
  -webkit-transition: 150ms opacity;
  background-color: transparent;
  /* TODO(stuartmorgan): Replace with real images once they are available. */
  background-image: -webkit-image-set(
      url('') 1x);
  border: none;
  display: block;
  height: 16px;
  opacity: 1;
  width: 16px;
}

list > *:not(:hover):not([selected]):not([lead]) .row-delete-button,
list:not([hasElementFocus]) > *:not(:hover):not([selected]) .row-delete-button,
list[disabled] .row-delete-button,
list .row-delete-button[disabled] {
  opacity: 0;
  pointer-events: none;
}

/* HostedApp entries use the disabled closing button to display the App's
 * favicon, as an indicator that instead of deleting the permission here
 * the user has to remove the hosted app.*/
list div[role='listitem'][managedby='HostedApp'] .row-delete-button {
  opacity: 1;
}

list .row-delete-button:hover {
  background-image: -webkit-image-set(
      url('') 1x);
}

list .row-delete-button:active {
  background-image: -webkit-image-set(
      url('')
          1x,
      url('')
          2x);
}

list .static-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

list[type='text'][inlineeditable] input {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
}

list > :not([editing]) [displaymode='edit'] {
  display: none;
}

list > [editing] [displaymode='static'] {
  /* Don't use display:none because we need to keep an element focusable. */
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -10em;
}

list > [editing] input:invalid {
  /* TODO(stuartmorgan): Replace with validity badge */
  background-color: pink;
}

.list-inline-button {
  -webkit-appearance: none;
  -webkit-transition: opacity 150ms;
  background: rgb(138, 170, 237);
  border: none;
  border-radius: 2px;
  color: white;
  font-weight: bold;
  opacity: 0.7;
}

.list-inline-button:hover {
  opacity: 1;
}

.option-name {
  padding-right: 5px;
}

html[dir=rtl].option-name {
  padding-left: 5px;
}

.favicon-cell {
  -webkit-padding-start: 20px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 16px;
}

input[type='url'].favicon-cell {
  -webkit-padding-start: 22px;
  background-position-x: 4px;
}

html[dir=rtl] input.favicon-cell {
  background-position-x: -webkit-calc(100% - 4px);
}

list .favicon-cell {
  -webkit-margin-start: 7px;
  -webkit-padding-start: 26px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[dir=rtl] list .favicon-cell {
  background-position: right;
}

html[enable-background-mode=false] #background-mode-section {
 display: none;
}

/* UI Controls */

/* LIST */
list[hasElementFocus] {
outline: 1px solid rgba(0, 128, 256, 0.5);
  outline-offset: -2px;

}

.suboption {
  -webkit-margin-start: 23px;
}

list.autocomplete-suggestions {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 2px;
  min-height: 0;
  opacity: 0.9;
  position: fixed;
  z-index: 3;
}

list.autocomplete-suggestions > div {
  height: auto;
}

list.autocomplete-suggestions:not([hasElementFocus]) > [selected],
list.autocomplete-suggestions:not([hasElementFocus]) > [lead][selected] {
  background-color: rgb(187, 206, 233);
}

html:not(.focus-outline-visible)
:enabled:focus:-webkit-any(input[type='checkbox'], input[type='radio']) {
  /* Cancel border-color for :focus specified in widgets.css. */
  border-color: rgba(0, 0, 0, 0.25);
}

html:not([hasFlashPlugin]) .flash-plugin-area,
/* If the Flash plug-in supports the NPP_ClearSiteData API, we don't need to
 * show the link to the Flash storage settings manager:
 */
html[flashPluginSupportsClearSiteData] .flash-plugin-area,
html:not([flashPluginSupportsClearSiteData]) .clear-plugin-lso-data-enabled,
html[flashPluginSupportsClearSiteData] .clear-plugin-lso-data-disabled,
html:not([enablePepperFlashSettings]) .pepper-flash-settings {
  display: none;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#alertOverlayMessage {
  width: 400px;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#autofill-edit-address-overlay {
  min-width: 55em;
}

#autofill-edit-credit-card-overlay {
  min-width: 500px;
}

#full-name-list input,
#company-name,
#addr-line-1,
#addr-line-2 {
  width: 16em;
}

#country {
  max-width: 450px;
}

#autofill-edit-address-overlay list {
  -webkit-margin-start: -3px;
  /* Min height is a multiple of the list item height (32px). */
  min-height: 32px;
}

#autofill-edit-address-overlay list div.static-text {
  -webkit-border-radius: 2px;
  -webkit-box-flex: 1;
  -webkit-padding-end: 4px;
  -webkit-padding-start: 4px;
  border: 1px solid darkGray;
  /* Set the line-height and min-height to match the height of an input element,
   * so that even empty cells renderer with the correct height. */
  line-height: 1.75em;
  min-height: 1.75em;
}

:-webkit-any(#autofill-edit-credit-card-overlay, #autofill-edit-address-overlay)
    .settings-row div + :-webkit-any(input, select) {
  margin-top: 4px;
}

#autofill-name-labels {
  display: -webkit-inline-box;
}

#autofill-name-labels span {
  -webkit-box-flex: 1;
  display: block;
}

#full-name-list {
  display: inline-block;
}

#full-name-list div[role='listitem'] > div {
  display: -webkit-box;
}

#full-name-list div[role='listitem'] > div > div,
#autofill-name-labels span {
  -webkit-margin-end: 5px;
  width: 16em;
}

:-webkit-any(#phone-list, #email-list) div[role='listitem'] > div > div,
:-webkit-any(#phone-list, #email-list) input {
  width: 14em;
}

.input-group > * {
  -webkit-box-orient: vertical;
  -webkit-margin-end: 2px;
  display: -webkit-inline-box;
  vertical-align: top;
}

#autofill-edit-credit-card-overlay .content-area > *:first-child {
  margin-top: 0;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#autofill-options {
  width: 550px;
}

#autofill-help {
  bottom: 18px;
  position: absolute;
}

#autofill-options list {
  min-height: 172px;
}

.autofill-list-item {
  -webkit-box-flex: 1;
  -webkit-padding-start: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.autofill-list-item + img {
  -webkit-padding-end: 20px;
  vertical-align: top;
}

#autofill-options > div:last-child {
  margin-top: 15px;
}

#autofill-options > div.settings-list > div:last-child {
  border-top: 1px solid #d9d9d9;
  padding: 5px 10px;
}

#autofill-add-address,
#autofill-add-creditcard {
  margin: 5px 5px;
}

#autofill-options .list-inline-button {
  margin-top: 0;
  vertical-align: top;
}

#autofill-options div[role='listitem']:not(:hover):not([selected])
    .list-inline-button {
  display: none;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#change-home-page-section {
  margin-left: 30px;
}

#home-page-url {
  display: inline-block;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

#default-browser-state,
#profiles-supervised-dashboard-tip {
  margin-top: 6px;
}

#sync-overview p {
  display: inline;
}

#account-picture-wrapper {
  float: left;
  margin: 0 2px 10px 0;
}

html[dir=rtl] #account-picture-wrapper {
  float: right;
}

#account-picture-control {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  display: inline-block;
  padding: 3px;
  position: relative;
}

#account-picture {
  height: 56px;
  vertical-align: middle;
  width: 56px;
}

#account-picture:disabled {
  cursor: default;
}

#change-picture-caption {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: white;
  cursor: pointer;
  font-size: small;
  margin: 3px 0;
  position: absolute;
  text-align: center;
  visibility: hidden;
  /* Width of #account-picture. */
  width: 56px;
}

#account-picture:not(:disabled):hover + #change-picture-caption,
#account-picture:not(:disabled) + #change-picture-caption:hover {
  visibility: visible;
}

#account-picture-indicator {
  -webkit-margin-end: 3px;
}

#sync-general {
  -webkit-margin-start: 76px;
  margin-bottom: 10px;
}

#sync-buttons {
  clear: both;
}

#profiles-list {
  margin-bottom: 10px;
  min-height: 0;
}

#profiles-list .profile-name {
  -webkit-box-flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#profiles-list > * {
  height: 40px;
}

#profiles-list:focus {
  border-color: rgb(77, 144, 254);
}

.profile-img {
  height: 31px;
  padding: 3px;
  vertical-align: middle;
  width: 38px;
}

.profile-item-current {
  font-weight: bold;
}

#profiles-buttons {
  white-space: nowrap;
}

.sync-error {
  background: rgb(255, 219, 219);
  border: 1px solid rgb(206, 76, 76);
  border-radius: 2px;
  padding: 10px;
}

.sync-error .link-button {
  margin: 0 1ex;
  padding: 0;
}

#mac-passwords-warning {
  margin-top: 10px;
}

input[type='range'] {
  vertical-align: middle;
}

/* CSS tweak to fix crbug.com/151788. Inconsistencies in the CSS rules across
 * platforms and elements. Too risky to attempt a general fix for M23 at this
 * time. This fix addresses the immediate problem in the bug report by forcing
 * the button to align consistently with its neighboring select element.
 * TODO(kevers): Revisit padding rules for select and buttons to ensure
 * consistency in the size and baseline across all platforms. */
#manage-default-search-engines {
  padding-bottom: 0;
  padding-top: 0;
}

.extension-controlled-warning-box {
  background-color: #fbfbfb;
  border: 1px solid #cecece;
  border-radius: 3px;
  padding: 19px;
}

.extension-controlled-warning {
  -webkit-padding-start: 35px;
  background-repeat: no-repeat;
  margin-bottom: 14px;
  padding-bottom: 6px;
  padding-top: 3px;
}

/* Override a platform specific rule in Widgets that may no longer be relevant.
 * Too late in the development cycle to update Widgets.css due to the number
 * of pages that depend on it.
 * TODO(kevers): Rivisit padding rules. */
#default-search-engine {
  padding-bottom: 0;
}

.hotword-settings {
  -webkit-margin-start: 22px;
}

/* Internet settings */

#network-settings {
  position: relative;
}

#network-list {
  min-height: 0;
  width: 320px;
}

#download-location-label.disabled {
  color: #999;
}

.network-group {
  -webkit-box-orient: horizontal;
  height: 42px;
  overflow: visible;
}

list:not([disabled]) > .network-group:hover,
list:not([disabled]) > .network-group[selected] {
  background-color: #f8f8f8 !important;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8),
                                            rgba(255, 255, 255, 0)) !important;
  box-shadow: inset 0 0 1px 1px #f0f0f0;
}

.network-group-labels {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  padding-top: 3px;
}

.network-icon,
.network-menu-item-icon {
  -webkit-margin-end: 8px;
  background-position: left top;
  background-size: 25px;
  height: 25px;
  width: 25px;
}

.other-cellulars > .network-menu-item-icon {
  background-position: left top;
}

@-webkit-keyframes connecting-animation {
  0% {
    background-position: 0 25%;
  }
  12.5% {
    background-position: 0 50%;
  }
  25%  {
    background-position: 0 75%;
  }
  37.5%  {
    background-position: 0 100%;
  }
  50%  {
    background-position: 0 100%;
  }
  62.5%  {
    background-position: 0 75%;
  }
  75%  {
    background-position: 0 50%;
  }
  87.5%  {
    background-position: 0 25%;
  }
}

.network-add-connection,
.network-control-active,
.network-control-inactive {
  background-position: center center !important;
  background-repeat: no-repeat;
}

.network-add-connection {
  background-image: url('chrome://theme/IDR_NETWORK_ADD_CONNECTION');
  background-size: 16px;
}

.network-control-inactive {
  background-image: none;
}

.network-control-active {
  background-image: url('chrome://theme/IDR_PROFILE_SELECTED');
  background-size: 16px;
}

.network-options-button {
  -webkit-box-flex: 0;
  -webkit-transform: scale(0.6);
  background-image: none;
  background-position: center center;
  display: block;
  opacity: 0.5;
  vertical-align: middle;
  width: 19px;
}

.network-group > .controlled-setting-indicator,
.network-menu-item > .controlled-setting-indicator {
  -webkit-margin-end: 5px;
}

.network-options-button:hover {
  opacity: 1;
}

@-webkit-keyframes vpn-connecting-animation {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.2;
  }
}

.network-connecting {
  -webkit-animation: connecting-animation 1s step-end infinite;
}

.network-vpn.network-connecting {
  -webkit-animation: vpn-connecting-animation 500ms alternate infinite;
}

.network-title {
  font-weight: 600;
  line-height: 120%;
}

.network-subtitle {
  color: #333;
  display: inline-block;
  line-height: 100%;
  max-width: 260px;
  opacity: 0.4;
  overflow: hidden;
  padding-bottom: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.network-selector {
  background: right center no-repeat;
  background-image: url('');
  padding-right: 20px;
}

.network-menu {
  -webkit-box-shadow:
      0 0 0 1px rgba(0,0,0,0.1),
      0 5px 1px 1px rgba(0,0,0,0.1),
      0 5px 2px 1px rgba(0,0,0,0.1),
      0 5px 12px 1px rgba(0,0,0,0.5);
  background: #fff;
  display: block;
  position: absolute;
  width: 320px;
  z-index: 1;
}

.network-menu-item {
  -webkit-box-align: center;
  -webkit-box-orient: horizontal;
  display: -webkit-box;
  height: 32px;
  margin-left: 4px;
  margin-right: 4px;
}

.network-menu-item-label {
  -webkit-box-flex: 1;
  color: #555;
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.active-network {
   color: black;
   font-weight: bold;
}

.network-disabled-control {
  color: #999;
}

/* Restrict the size of the networks menu, by limiting the number of
   visible networks. */
.network-menu-group {
    max-height: 192px;
    overflow-x: hidden;
    overflow-y: auto;
    text-overflow: ellipsis;
}

.network-menu-item:hover {
  background-color: #eee;
}

.network-menu > hr {
  opacity: 0.4;
}

#shared-proxies {
  margin-top: 12px;
}

#web-content-section select,
.web-content-select-label {
  min-width: 145px;
}

.web-content-select-label > span:only-of-type {
  display: inline-block;
  min-width: 100px;
}

#timezone-value {
  display: inline-block;
  vertical-align: baseline;
}

#privacy-explanation {
  line-height: 1.8em;
}

#advanced-settings {
  height: 0;
  margin-top: 8px;
  overflow: hidden;
}

#auto-open-file-types-label {
  padding: 0.45em 0
}

.sliding {
  -webkit-transition: height 200ms;
  overflow-y: hidden;
}

#keyboard-overlay .option-value > select {
  width: 100%;
}

#keyboard-overlay table {
  /* Same as .settings-row {margin}. */
  -webkit-border-vertical-spacing: 0.65em;
}

#accessibility-autoclick .controlled-setting-with-label {
  -webkit-box-align: baseline;
}

#accessibility-autoclick label + select {
  /* Same as .controlled-setting-with-label > input + span. */
  -webkit-margin-start: 0.6em;
}
</style>

<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#clear-browser-data-overlay {
  width: 500px;
}

#clear-data-checkboxes {
  -webkit-padding-start: 8px;
  margin: 5px 0;
}

#cbd-throbber {
  margin: 4px 10px;
  vertical-align: middle;
  visibility: hidden;
}

#flash-storage-settings {
  padding-top: 5px;
}

#clear-browser-data-info-banner {
  background-color: rgb(249, 237, 184);
  border: solid 1px rgb(237, 201, 103);
  border-radius: 2px;
  font-weight: bold;
  margin: 0 20px 11px 17px;
  padding: 6px 8px;
}

#some-stuff-remains-footer > p {
  margin: 0;
}

#some-stuff-remains-footer button {
  padding: 0;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#content-settings-page {
  min-width: 620px;
}

#content-settings-exceptions-area {
  min-width: 540px;
}

.exception-pattern {
  -webkit-box-flex: 1;
  -webkit-margin-end: 10px;
  -webkit-margin-start: 14px;
}

.exception-setting {
  display: inline-block;
  width: 120px;
}

select.exception-setting {
  vertical-align: middle;
}

#exception-column-headers {
  -webkit-margin-start: 17px;
  display: -webkit-box;
  margin-top: 17px;
}

#exception-column-headers > div {
  font-weight: bold;
}

#exception-pattern-column {
  -webkit-box-flex: 1;
}

.exception-value-column-header {
  width: 145px;
}

.otr-explanation {
  font-style: italic;
}

#content-settings-exceptions-area list {
  margin-bottom: 10px;
  margin-top: 4px;
}

#disable-plugins-container {
  /* Same as .checkbox and .radio padding. Using padding instead of margin
   * to ensure minimum height for tap target. */
  padding: 7px 0;
}

#group-indicator {
  margin-left: 5px;
}

div[role='listitem'][controlled-by] {
  color: #666;
  font-style: italic;
  position: relative;
}

.settings-list div[role='listitem'][controlled-by='policy'],
.settings-list div[role='listitem'][controlled-by='extension'] {
  background: rgb(250, 230, 146);
  border-bottom: 1px solid rgb(201, 189, 141);
  border-top: 0;
}

.sublabel {
  -webkit-margin-start: 2em;
}

.media-device-control {
  display: table-row;
}

.media-device-control > span {
  display: table-cell;
  min-width: 145px;
}

.media-device-control > select {
  display: table-cell;
  margin: 5px 0;
  width: 12em;
}

.exception-setting.media-audio-setting {
  width: 6em;
}

.exception-setting.media-video-setting {
  width: 6.5em;
}

#media-column-header {
  display: -webkit-box;
}

#media-audio-column {
  width: 6em;
}

#media-video-column {
  width: 8.5em;
}
</style>
<style>/* Copyright 2013 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

/* Controlled setting indicator and bubble. */

.controlled-setting-with-label {
  -webkit-box-align: center;
  display: -webkit-box;
  padding-bottom: 7px;
  padding-top: 7px;
}

.controlled-setting-with-label > input + span {
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  -webkit-margin-start: 0.6em;
  display: -webkit-box;
}

.controlled-setting-with-label > input:disabled + span label {
  color: #999;
}

.controlled-setting-with-label label {
  display: inline;
  padding: 0;
}

.controlled-setting-indicator:not([controlled-by]) {
  display: none;
}

.controlled-setting-indicator[controlled-by='policy'] > div {
  background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
}

.controlled-setting-indicator[controlled-by='owner'] > div {
  background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_OWNER');
}

.controlled-setting-indicator[controlled-by='extension'] > div {
  background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION');
}

.controlled-setting-indicator[controlled-by='shared'] > div {
  background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_SHARED');
}

.controlled-setting-indicator:-webkit-any([controlled-by='recommended'],
    [controlled-by='hasRecommendation']) > div {
  background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
}

.controlled-setting-bubble-action {
  padding: 0 !important;
}

.controlled-setting-bubble-header {
  margin-top: 3px;
}

.controlled-setting-bubble-content-row {
  height: 35px;
  position: relative;
}

.controlled-setting-bubble-extension-name {
  -webkit-padding-start: 30px;
  background-repeat: no-repeat;
  font-weight: bold;
  height: 24px;
  margin-top: -9px;
  overflow: hidden;
  padding-top: 3px;
  position: absolute;
  text-overflow: ellipsis;
  top: 50%;
  white-space: nowrap;
  width: 215px;
}

html[dir='rtl'] .controlled-setting-bubble-extension-name {
  background-position: right top;
}

.controlled-setting-bubble-extension-manage-link {
  margin-left: -0.35em;
  margin-top: -0.30em;
  position: absolute;
  top: 50%;
}

.controlled-setting-bubble-extension-disable-button {
  bottom: 0;
  position: absolute;
  right: 0;
}

html[dir='rtl'] .controlled-setting-bubble-extension-disable-button {
  left: 0;
  right: auto;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

/* Styles for the cookies list page. */
.cookies-view-page {
  height: 90%;
  margin-left: -15px;
  width: 720px;
}

/* Styles for the cookies list elements in cookies_view.html. */
.cookies-list {
  -webkit-box-flex: 1;
  /* This property overrides the |min-height: 192px;| property above due to
   * special behavior of the cookies list. */
  border: 1px solid #D9D9D9;
  margin: 0;
  margin-top: 5px;
  min-height: 0;
}

.cookies-list-content-area {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow-y: hidden;
}

.cookies-column-headers {
  -webkit-box-align: baseline;
  -webkit-box-orient: horizontal;
  display: -webkit-box;
  position: relative;
  width: 100%;
}

.cookies-column-headers > * {
  display: block;
}

.cookies-column-headers h3 {
  font-size: 105%;
  font-weight: bold;
  margin: 10px 0;
}

/* Notice the width and padding for these columns match up with those below. */
.cookies-site-column {
  -webkit-padding-start: 7px;
  width: 14em;
}

.cookies-data-column {
  -webkit-box-flex: 1;
  -webkit-padding-start: 7px;
}

/* Enable animating the height of items. */
list.cookie-list .deletable-item {
  -webkit-transition: height 150ms ease-in-out;
}

/* Disable webkit-box display. */
list.cookie-list .deletable-item > :first-child {
  display: block;
}

/* Force the X for deleting an origin to stay at the top. */
list.cookie-list > .deletable-item > .close-button {
  position: absolute;
  right: 2px;
  top: 8px;
}

html[dir=rtl] list.cookie-list > .deletable-item > .close-button {
  left: 2px;
  right: auto;
}

/* Styles for the site (aka origin) and its summary. */
.cookie-site {
  /* Notice that the width, margin, and padding match up with those above. */
  -webkit-margin-end: 2px;
  -webkit-padding-start: 5px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 14em;
}

list.cookie-list > .deletable-item[selected] .cookie-site {
  -webkit-user-select: text;
}

.cookie-data {
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cookie-size {
  display: inline-block;
  float: right;
  margin-right: 0;
}

list.cookie-list > .deletable-item[selected] .cookie-data {
  -webkit-user-select: text;
}


/* Styles for the individual items (cookies, etc.). */
.cookie-items {
  /* Notice that the margin and padding match up with those above. */
  -webkit-margin-start: 14em;
  -webkit-padding-start: 7px;
  -webkit-transition: 150ms ease-in-out;
  height: 0;
  opacity: 0;
  /* Make the cookie items wrap correctly. */
  white-space: normal;
}

.measure-items .cookie-items {
  -webkit-transition: none;
  height: auto;
  visibility: hidden;
}

.show-items .cookie-items {
  opacity: 1;
}

.cookie-items .cookie-item {
  background: rgb(224, 233, 245);
  border: 1px solid rgb(131, 146, 174);
  border-radius: 5px;
  display: inline-block;
  font-size: 85%;
  height: auto;
  margin: 2px 4px 2px 0;
  max-width: 120px;
  min-width: 40px;
  overflow: hidden;
  padding: 0 3px;
  text-align: center;
  text-overflow: ellipsis;
}

.cookie-items .cookie-item:hover {
  background: rgb(238, 243, 249);
  border-color: rgb(100, 113, 135);
}

.cookie-items .cookie-item[selected] {
  background: rgb(245, 248, 248);
  border-color: #B2B2B2;
}

.cookie-items .cookie-item[selected]:hover {
  background: rgb(245, 248, 248);
  border-color: rgb(100, 113, 135);
}

.cookie-items .cookie-item .protecting-app,
.cookie-data .protecting-app {
  margin-bottom: -3px;
  margin-left: 4px;
}

/* Styles for the cookie details box. */
.cookie-details {
  background: rgb(245, 248, 248);
  border: 1px solid #B2B2B2;
  border-radius: 5px;
  margin-top: 2px;
  padding: 5px;
}

list.cookie-list > .deletable-item[selected] .cookie-details {
  -webkit-user-select: text;
}

.cookie-details-table {
  table-layout: fixed;
  width: 100%;
}

.cookie-details-label {
  vertical-align: top;
  white-space: pre;
  width: 10em;
}

.cookie-details-value {
  word-wrap: break-word;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#do-not-track-confirm-overlay {
  width: 500px;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#font-settings > section {
  overflow: hidden;
}

#font-settings .action-area {
  -webkit-box-pack: start;
}

#font-settings .action-area .spacer {
  -webkit-box-flex: 1;
  display: -webkit-box;
}

#font-settings .button-strip {
  width: 100%;
}

.font-setting-container {
  display: -webkit-box;
}

#font-settings input[type='range'] {
  width: 100%;
}

#minimum-font-sample {
  height: 35px;
  overflow: hidden;
  width: 270px;
}

.font-input-div {
  -webkit-margin-end: 3em;
  width: 12em;
}

.font-input-div > div > select {
  margin-bottom: 10px;
}

.font-input {
  width: 100%;
}

.font-sample-div {
  direction: ltr;
  height: 70px;
  overflow: hidden;
  width: 270px;
}

.font-settings-huge {
  float: right;
}

html[dir=rtl] .font-settings-huge {
  float: left;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

.handlers-column-headers {
  display: -webkit-box;
  font-size: 13px;
  font-weight: bold;
}

.handlers-type-column {
  -webkit-margin-end: 10px;
  -webkit-margin-start: 14px;
  width: 100px;
}

.handlers-site-column {
  max-width: 180px;
}

.handlers-site-column select {
  max-width: 170px;
}

.handlers-remove-column {
  -webkit-box-flex: 1;
}

.handlers-remove-link {
  -webkit-transition: 150ms opacity;
  color: #555;
  cursor: pointer;
  opacity: 0;
  padding-left: 14px;
  text-decoration: underline;
}

div > .handlers-remove-column {
  opacity: 0;
}

div:not(.none):hover > .handlers-remove-column {
  opacity: 1;
}

#handlers {
  min-height: 250px;
}

#handler-options list {
  border: solid 1px #D9D9D9;
  border-radius: 2px;
  margin-bottom: 10px;
  margin-top: 4px;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#homepage-url-field {
  bottom: 1px;
  display: block;
  margin-left: 10px;
  position: relative;
}

/* -webkit-margin-start doesn't work as you'd hope on .weakrtl elements. */
html[dir='rtl'] #homepage-url-field {
  margin-left: 0;
  margin-right: 10px;
}
</style>
<style>/* Copyright 2014 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

#hotword-confirm-overlay {
  width: 500px;
}

#audio-logging-bar input {
  bottom: 6px;
}
</style>
<style>/* Copyright 2014 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

/* Hotword extension-specific controlled setting indicator and bubble. */

#hotword-search-setting-indicator > div {
  background: url('chrome://theme/IDR_WARNING') left top no-repeat;
  background-size: 18px;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#import-data-overlay {
  width: 400px;
}

#import-from-div {
  margin-bottom: 20px;
}

#import-checkboxes > div:not(:first-child) {
  -webkit-padding-start: 8px;
}

#import-throbber {
  margin: 4px 10px;
  vertical-align: middle;
  visibility: hidden;
}

#import-success-header {
  font-size: 1.2em;
}

#import-success-image {
  margin: 20px;
  text-align: center;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#language-dictionary-overlay-no-matches {
  -webkit-margin-after: 0;
  -webkit-margin-before: 0;
  line-height: 2.5em;
  padding: 0 3px;
}

#language-dictionary-overlay-page h1 {
  margin-right: 16em;
  padding-top: 25px;
}

html[dir=rtl] #language-dictionary-overlay-page h1 {
  margin-left: 16em;
  margin-right: auto;
}

#language-dictionary-overlay-search-field {
  position: absolute;
  right: 32px;
  top: 21px;
}

html[dir=rtl] #language-dictionary-overlay-search-field {
  left: 32px;
  right: auto;
}

#language-dictionary-overlay-word-list {
  height: 20em;
}

#language-dictionary-overlay-word-list.no-search-matches {
  height: 17.5em;
}

#language-dictionary-overlay-word-list > * {
  height: 2.5em;
}

.language-dictionary-overlay-word-list-item {
  width: 30em;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#languagePage .content-area {
  width: 660px;
}

.language-options {
  display: -webkit-box;
  margin: 10px 0;
}

.language-options-lower-left button,
#language-options-details button {
  min-width: 70px;
}

.language-options h3 {
  -webkit-margin-start: 12px;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 12px;
  margin-top: 12px;
}

.language-options-contents  {
  min-height: 28px;
  padding: 0 12px 4px;
}

.language-options-contents >
    span:not(.input-method-label):not(.controlled-setting-indicator) {
  display: inline-block;
  margin: 1px;
  padding: 0.42em 10px;
}

.language-options-header,
.language-options-footer {
  line-height: 1.2em;
  margin: 10px 0;
}

#language-options-languages,
#language-options-details {
  border: 1px solid #ccc;
  height: 400px;
  padding: 0;
  vertical-align: top;
}

#language-options-languages {
  -webkit-box-orient: vertical;
  background-color: rgb(235, 239, 249);
  display: -webkit-box;
  width: 300px;
}

.language-options-lower-left {
  -webkit-box-flex: 0;
  -webkit-padding-start: 12px;
  padding-bottom: 10px;
}

#language-options-details {
  -webkit-box-flex: 1;
  /* To share the center line with the left pane. */
  -webkit-margin-start: -1px;
}

#language-options-details h3:not(:first-of-type) {
  margin-top: 24px;
}

.language-options-notification  {
  background-color: rgb(255, 247, 193);
  margin: 0 0 4px;
  padding: 8px 30px 8px 12px;
}

.language-options-notification > div {
  margin-bottom: 4px;
}

#language-options-input-method-list button {
  -webkit-margin-start: 20px;
  display: block;
  /* Same margin as .settings-row. */
  margin-bottom: 0.65em;
  margin-top: 0.65em;
}

#language-options-list {
  -webkit-box-flex: 1;
  outline: none;
  padding: 0;
  width: 100%;
}

#language-options-list .language-name {
  -webkit-box-flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#language-options-list li {
  -webkit-padding-start: 12px;
  padding-bottom: 2px;
  padding-top: 2px;
}

#language-options-list-dropmarker {
  background-clip: padding-box;
  background-color: hsl(214, 91%, 65%);
  border: 3px solid hsl(214, 91%, 65%);
  border-bottom-color: transparent;
  border-radius: 0;
  border-top-color: transparent;
  box-sizing: border-box;
  display: none;
  height: 8px;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  z-index: 10;
}

/* TODO(kochi): This is temporary copy from new_tab.css */
/* Notification */

#notification {
  -webkit-transition: opacity 150ms;
  background-color: hsl(52, 100%, 80%);
  border: 1px solid rgb(211, 211, 211);
  border-radius: 6px;
  color: black;
  display: table;
  font-weight: bold;
  /* Set the height and margin so that the element does not use any vertical
    space. */
  height: 16px;
  margin: -44px auto 12px auto;
  opacity: 0;
  padding: 7px 15px;
  pointer-events: none;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}

#notification > * {
  display: table-cell;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#notification.show {
  -webkit-transition: opacity 1s;
  opacity: 1;
  pointer-events: all;
}

#notification .link {
  -webkit-appearance: none;
  -webkit-padding-start: 20px;
  background: none;
  border: 0;
  color: rgba(0, 102, 204, 0.3);
  cursor: pointer;
  text-decoration: underline;
}

#notification .link-color {
  color: rgb(0, 102, 204);
}

#chewing-max-chi-symbol-len {
  height: 30%;
  width: 100px;
}

#add-language-overlay-page .content-area {
  padding-bottom: 10px;
}

/* TODO(hshi): Remove this temporary hack once the bug is fixed in Chrome. */
#add-language-overlay-language-list {
  width: -webkit-calc(100% - 4px);
}

.standalone-link-button {
  padding: 0;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#manage-profile-overlay {
  width: 612px;
}

.profile-icon-grid-item {
  height: 31px;
  margin: 2px 4px;
  padding: 4px;
  width: 38px;
}

.profile-icon {
  height: 31px;
  width: 38px;
}

#create-profile-name-input-container,
#manage-profile-name-input-container {
  margin-top: 5px;
}

#create-profile-name-input-container {
  margin-bottom: 5px;
}

#create-profile-name,
#manage-profile-name {
  margin-left: 10px;
}

#create-profile-name:invalid,
#manage-profile-name:invalid {
  background-color: pink;
}

#create-profile-error-bubble,
#manage-profile-error-bubble {
  -webkit-transition: max-height 200ms, padding 200ms;
  background-color: rgb(238, 185, 57);
  border-radius: 4px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  max-height: 50px;
  overflow: hidden;
  padding: 10px 10px;
  text-align: center;
  width: 80%;
}

html[dir='ltr'] #create-profile-error-bubble {
  margin-left: 20px;
  width: 90%;
}

html[dir='rtl'] #create-profile-error-bubble {
  margin-right: 20px;
  width: 90%;
}

#create-profile-error-bubble[hidden],
#manage-profile-error-bubble[hidden] {
  display: block !important;
  max-height: 0;
  padding: 0 10px;
}

#create-profile-icon-grid,
#manage-profile-icon-grid {
  background-color: rgba(255, 255, 255, 0.75);
  padding: 2px;
}

:-webkit-any(#create-profile-content, #manage-profile-content) >
    :not(:last-child) {
  margin-bottom: 10px;
}

:-webkit-any(#create-profile-content, #manage-profile-content) >
    :not(:first-child) {
  margin-top: 10px;
}

:-webkit-any(#create-profile-content, #manage-profile-content) >
    .name-input-container {
  margin-top: 5px;
}

:-webkit-any(#create-profile-content, #manage-profile-content) >
    .name-label-container {
  margin-bottom: 5px;
}

#create-profile-content {
  padding-bottom: 0;
}

.action-area-shortcut-container {
  -webkit-box-flex: 1;
}

/* Proper spacing for the buttons. */
#remove-shortcut-button,
#add-shortcut-button {
  -webkit-margin-end: 10px;
}

#delete-managed-profile-addendum {
  -webkit-padding-start: 48px;
  margin-top: 10px;
}

html[dir='ltr'] #delete-profile-icon {
  float: left;
  margin-right: 10px;
}

html[dir='rtl'] #delete-profile-icon {
  float: right;
  margin-left: 10px;
}

#create-profile-managed-not-signed-in {
  color: #999;
}

#create-profile-managed-not-signed-in-label,
#create-profile-managed-account-details-out-of-date-label {
  white-space: pre-wrap;
  word-wrap: break-word;
}

#create-profile-managed-content-area {
  padding-top: 5px;
}

#import-existing-managed-user-link {
  left: 17px;
  position: absolute;
}

#supervised-user-import {
  margin: 0;
  padding: 0;
}
</style>
<style>/* Copyright 2013 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#managed-user-created {
  width: 722px;
}

#managed-user-created-title {
  padding: 20px;
  word-wrap: break-word;
}

@media only screen and (max-height:400px) {

/* Omit the image on very small screens. */
#managed-user-created-image {
  display: none;
}

} /* @media only screen and (max-height:400px) */

#managed-user-created-image {
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-box-flex: 5;
  background-image: -webkit-image-set(
      url('') 1x);
  background-position: center;
  height: 344px;
}

#managed-user-created-text {
  padding: 0 20px 0 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

#managed-user-created-switch {
  max-width: 600px;
  word-wrap: break-word;
}

#managed-user-created-action-area {
  padding: 20px;
}
</style>
<style>/* Copyright 2013 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#managed-user-import {
  width: 612px;
}

#managed-user-import-text,
#managed-user-select-avatar-text {
  padding-bottom: 10px;
  padding-left: 17px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

#managed-user-list {
  height: 240px;
  margin-bottom: 10px;
}

#managed-user-list .profile-name {
  -webkit-box-flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#managed-user-list > * {
  height: 40px;
}

#managed-user-list:focus {
  border-color: rgb(77, 144, 254);
}

#select-avatar-grid {
  background-color: rgba(255, 255, 255, 0.75);
  padding: 2px;
}

#managed-user-import-error-bubble {
  -webkit-transition: max-height 200ms, padding 200ms;
  background-color: rgb(238, 185, 57);
  border-radius: 4px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  max-height: 50px;
  overflow: hidden;
  padding: 1px 10px;
  text-align: center;
  width: 80%;
}

#managed-user-import-error-bubble[hidden] {
  max-height: 0;
}

.profile-img-disabled {
  opacity: 0.4;
}

.profile-name-disabled {
  color: rgb(153, 153, 153);
}

.already-on-this-device {
  padding-left: 20px;
  padding-right: 6px;
}
</style>
<style>/* Copyright 2013 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#managed-user-learn-more {
  width: 722px;
}

#managed-user-learn-more-title {
  padding: 20px;
}

#managed-user-learn-more-text {
  padding: 0 20px 0 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

@media only screen and (max-height:500px) {

/* Omit the image on very small screens. */
#managed-user-learn-more-image {
  display: none;
}

} /* @media only screen and (max-height:500px) */

#managed-user-learn-more-image {
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-box-flex: 1;
  background-image: -webkit-image-set(
      url('') 1x);
  background-position: center;
  height: 344px;
}

#managed-user-learn-more-action-area {
  padding: 20px;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

#password-manager > div.content-area {
  width: 600px;
}

#password-search-column {
  bottom: 10px;
  position: absolute;
  right: 0;
}

html[dir=rtl] #password-search-column {
  left: 0;
  right: auto;
}

#password-list-headers {
  position: relative;
  width: 100%;
}

#passwords-title {
  display: inline-block;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#saved-passwords-list .list-inline-button {
  -webkit-transition: opacity 150ms;
  background: rgb(138, 170, 237);
  font-size: 0.9em;
  height: 18px;
  padding: 0 2px;
  position: absolute;
  top: 3px;
}

html[dir='ltr'] #saved-passwords-list .list-inline-button {
  right: 2px;
}

html[dir='rtl'] #saved-passwords-list .list-inline-button {
  left: 2px;
}

input[type='password'].inactive-password {
  background: transparent;
  border: none;
}

#saved-passwords-list .url {
  box-sizing: border-box;
  width: 40%;
}

#saved-passwords-list .name {
  -webkit-box-flex: 1;
  width: 20%;
}

#saved-passwords-list .password {
  -webkit-box-flex: 1;
  position: relative;
}

#saved-passwords-list .password input[type='password'],
#saved-passwords-list .password input[type='text'] {
  box-sizing: border-box;
  width: 100%;
}

#password-exceptions-list .url {
  -webkit-box-flex: 1;
}

#saved-passwords-list .url,
#saved-passwords-list .name,
#password-exceptions-list .url {
  overflow: hidden;
  text-overflow: ellipsis;
}
</style>
<style>/* Copyright 2013 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#reset-profile-settings-overlay {
  width: 500px;
}

#reset-profile-settings-content-area {
  -webkit-box-flex: 0;
}

#reset-profile-settings-throbber {
  margin: 4px 10px;
  vertical-align: middle;
  visibility: hidden;
}

#feedback-bar {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
}

#feedback-template {
  -webkit-box-flex: 1;
  overflow-y: auto;
}

#feedback-template table {
  table-layout: fixed;
  width: 100%;
}

#feedback-template table td {
  word-wrap: break-word;
}

#feedback-template .key {
  padding-right: 5px;
  text-align: right;
  vertical-align: top;
}

#feedback-template .value {
  color: #333;
  text-align: left;
  white-space: pre-line;
}

#expand-feedback {
  background: center bottom no-repeat;
  background-image: url('chrome://theme/IDR_QUESTION_MARK');
  display: inline-block;
  height: 14px;
  opacity: 0.33;
  vertical-align: text-top;
  width: 14px;
}

#expand-feedback:hover {
  opacity: 1;
}</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#search-engine-manager-page {
  width: 700px;
}

.search-engine-list input {
  -webkit-box-flex: 1;
  display: -webkit-box;
}

.search-engine-list > div {
  display: -webkit-box;
}

.search-engine-list .favicon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  height: 16px;
  line-height: 16px;
  padding: 0 7px;
  width: 16px;
}

.search-engine-list .name-column {
  -webkit-box-align: center;
  -webkit-padding-end: 1ex;
  box-sizing: border-box;
  display: -webkit-box;
  width: 30%;
}

.search-engine-list .name-column :last-child {
  -webkit-box-flex: 1;
}

.search-engine-list .keyword-column {
  -webkit-padding-end: 1ex;
  box-sizing: border-box;
  width: 26%;
}

.search-engine-list .url-column {
  box-sizing: border-box;
  width: 44%;
}

.search-engine-list .keyword-column,
.search-engine-list .url-column {
  color: #666;
}

.search-engine-list .default .name-column,
.search-engine-list .default .keyword-column {
  font-weight: bold;
}

/* For temporary Make Default button */
.search-engine-list .url-column {
  -webkit-box-align: center;
  display: -webkit-box;
}

.search-engine-list .url-column :first-child {
  -webkit-box-flex: 1;
}

.search-engine-list .url-column .list-inline-button {
  margin-top: 0;
  padding: 1px 6px 2px 6px;
}

.search-engine-list > :not(:hover):not([editing]) .url-column
    .list-inline-button {
  display: none;
}

#default-search-engine-list {
  z-index: 2;
}

#other-search-engine-list {
  z-index: 1;
}

/* End temporary Make Default button styling */
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

.search-hidden {
  display: none !important;
}

.search-highlighted {
  background-color: rgba(255, 240, 120, 0.9);
}

/* Container for the elements that make up the search bubble. */
.search-bubble {
  left: 0;
  margin-top: 5px;
  pointer-events: none;
  position: absolute;
  top: -1000px;  /* Minor hack: position off-screen by default. */
  /* Create a z-context for search-bubble-innards, its after and before. */
  z-index: 1;
}

/* Contains the text content of the bubble.  */
.search-bubble-innards {
  background: -webkit-linear-gradient(rgba(255, 248, 172, 0.9),
                                      rgba(255, 243, 128, 0.9));
  border-radius: 2px;
  padding: 4px 10px;
  text-align: center;
  width: 100px;
}

/* Provides the border around the bubble (has to be behind ::after). */
.search-bubble-innards::before {
  border: 1px solid rgb(220, 198, 72);
  border-radius: 2px;
  bottom: -1px;
  content: '';
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: -2;
}

/* Provides the arrow which points at the anchor element. */
.search-bubble-innards::after {
  -webkit-transform: rotate(45deg);
  background:
      -webkit-linear-gradient(-45deg, rgb(251, 255, 181),
                                      rgb(255, 248, 172) 50%,
                                      rgba(255, 248, 172, 0));
  border: 1px solid rgb(220, 198, 72);
  border-bottom-color: transparent;
  border-right-color: transparent;
  content: '';
  height: 12px;
  left: 53px;
  position: absolute;
  top: -7px;
  width: 12px;
  z-index: -1;
}

.search-bubble-wrapper {
  position: relative;
}

/* #mainview is here to win specificity. :( */
#mainview #searchPage.page,
#mainview #searchBox.page {
  padding-bottom: 0;
}
</style>
<style>/* Copyright 2014 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

/* These styles are used bby both reset_profile_settings_banner.html and
 * automatic_settings_reset_banner.html. */

.settings-banner {
  background-color: #f5f5f5;
  border-color: #c8c8c8;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 24px;
  margin-top: 20px;
  max-width: 716px;
  position: relative;
}

.settings-banner > .close-button {
  background-image: url('chrome://theme/IDR_CLOSE_DIALOG');
  background-position: center;
  background-repeat: no-repeat;
  height: 14px;
  opacity: 0.5;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 14px;
}

html[dir='rtl'] .settings-banner > .close-button {
  left: 4px;
  right: auto;
}

.settings-banner > .close-button:hover {
  background-image: url('chrome://theme/IDR_CLOSE_DIALOG_H');
}

.settings-banner > .close-button:active {
  background-image: url('chrome://theme/IDR_CLOSE_DIALOG_P');
}

.settings-banner .content-area {
  -webkit-box-align: center;
  display: -webkit-box;
  padding: 17px;
}

.settings-banner .content-area .badge {
  background-image: url();
  background-position: center;
  background-repeat: no-repeat;
  height: 55px;
  width: 58px;
}

.settings-banner .content-area .text {
  -webkit-box-flex: 1.0;
  -webkit-margin-start: 18px;
}

.settings-banner .content-area .text p {
  -webkit-margin-after: 0;
  -webkit-margin-before: 0;
}

.settings-banner .content-area .button-area  {
  -webkit-margin-start: 54px;
}

.settings-banner .nowrap  {
  white-space: nowrap;
}

.settings-banner button {
  margin-bottom: 1px;
  margin-right: 0;
}

#secondary-user-banner .content-area .badge {
  background-color: rgb(210, 210, 212);
  background-image: url(chrome://theme/IDR_SECONDARY_USER_SETTINGS);
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

#spelling-confirm-overlay {
  width: 500px;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

.subpages-nav-tabs .tab {
  padding: 4px 8px;
  position: relative;
}

.subpages-nav-tabs .active-tab {
  -webkit-box-shadow: 8px -8px 12px -6px rgb(240, 240, 240);
  background: white;
  border: 1px solid #ddd;
  border-bottom: 2px solid white;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  position: relative;
}

/* To avoid tabs changing size when they are clicked and their labels become
 * bold, we actually put two labels inside each tab: an inactive label and an
 * active label. Only one is visible at a time, but the bold label is used to
 * size the tab even when it's not visible. This keeps the tab size constant.
 */
.subpages-nav-tabs .active-tab-label,
.subpages-nav-tabs .tab-label:hover {
  font-weight: bold;
}

.subpages-nav-tabs .tab-label {
  left: 9px;
  position: absolute;
  top: 5px;
}

html[dir=rtl] .subpages-nav-tabs .tab-label {
  right: 9px;
}

.subpages-nav-tabs .active-tab-label,
.subpages-nav-tabs .active-tab .tab-label {
  visibility: hidden;
}

/* .tab is not removed when .active-tab is added, so we must
 * override the hidden visibility above in the active tab case.
 */
.subpages-nav-tabs .active-tab .active-tab-label {
  visibility: visible;
}

.subpages-nav-tabs {
  background-image: linear-gradient(
                        to bottom,
                        rgb(255,255,255),
                        rgb(255,255,255) 60%,
                        rgb(250, 250, 250) 80%,
                        rgb(242,242,242)
  );
  border-bottom: 1px solid #ddd;
  padding: 4px 20px;
}

.subpages-tab-contents {
   -webkit-padding-start: 10px;
  display: none;
  padding-top: 15px;
}

.active-tab-contents {
  display: block;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#startup-overlay {
  min-width: 500px;
}

#startupPagesList {
  margin-bottom: 20px;
  min-height: 64px;
}

#startupPagesList .title {
  width: 40%;
}

#startupPagesList .url {
  -webkit-box-flex: 1;
  color: #666;
}

#startupPagesList > * {
  max-width: 700px;
}

#startupPagesListDropmarker {
  background-clip: padding-box;
  background-color: hsl(214, 91%, 65%);
  border: 2px solid hsl(214, 91%, 65%);
  border-bottom-color: transparent;
  border-radius: 0;
  border-top-color: transparent;
  box-sizing: border-box;
  display: none;
  height: 6px;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  z-index: 10;
}
</style>
<style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

/* TODO(jhawkins): Organize these by page. */

#sync-setup-overlay * h4 {
  margin: 5px 0;
}

#sync-setup-overlay * form {
  -webkit-user-select: none;
}

#sync-setup-overlay * .content-area {
  padding: 10px 15px;
}

.action-area-link-container {
  -webkit-box-flex: 1;
}

.sync-customize-section-container {
  margin: 5px 0 10px 0;
}

#sync-custom-passphrase {
  margin: 0 25px;
}

#sync-passphrase-message {
  color: gray;
}

.sync-custom-passphrase-input {
  margin: 10px 0;
}

#sync-existing-passphrase-container {
  background: rgb(255, 242, 158);
  border: 1px solid rgb(212, 205, 173);
  padding: 10px;
}

#sync-select-container {
  margin-bottom: 10px;
}

#sync-instructions-container {
  line-height: 1.8em;
  margin-bottom: 30px;
}

#choose-data-types-body {
  -webkit-column-count: 3;
  margin: 10px 0;
}

#choose-data-types-body > .checkbox:first-child {
  margin-top: 0;
}

#choose-data-types-body > .checkbox:last-child {
  margin-bottom: 0;
}

#sync-setup-overlay {
  -webkit-user-select: none;
  background-color: white;
  margin-bottom: 6px;
  margin-top: 6px;
  width: 500px;
}

#sync-setup-overlay * a:link {
  color: rgb(0, 0, 204);
}

#sync-setup-overlay * a:visited {
  color: rgb(85, 26, 139);
}

#sync-setup-overlay * a:active {
  color: rgb(255, 0, 0);
}

#sync-setup-overlay * hr {
  background-color: #ddd;
  border: 0;
  height: 1px;
  text-align: left;
  width: 100%;
}

#sync-setup-overlay * input[type='button'],
#sync-setup-overlay * input[type='submit'] {
  min-height: 26px;
  min-width: 87px;
}

#email-readonly {
  font-size: 15px;
  height: 29px;
  line-height: 29px;
  margin: 0;
}

#encryption-section-message {
  color: gray;
  margin-bottom: 5px;
}

#basic-encryption-body,
#full-encryption-body {
  display: table;
}

#passphrase-input {
  margin-bottom: 5px;
  margin-top: 5px;
}

#incorrect-passphrase {
  margin-top: 5px;
}

#sync-setup-overlay * .error {
  color: red;
}

.overlay-warning {
  background: white;
  border: 2px solid #888;
  border-radius: 8px;
  box-shadow: 0.2em 0.2em 0.5em #888;
  left: 25px;
  padding: 15px;
  position: absolute;
  right: 25px;
  top: 100px;
}

#cancel-warning-header {
  font-weight: bold;
  margin-bottom: 8px;
}

.overlay-warning input {
  float: right;
  margin-left: 5px;
  margin-top: 12px;
}

#sync-passphrase-warning {
  margin-bottom: 5px;
}

#captcha-div {
  background: white;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  padding: 1em 1em;
}

#captcha-wrapper {
  background: no-repeat;
  background-position: center;
  background-size: 200px 70px;
  margin: 0 0 1em;
}

#captcha-image {
  height: 70px;
  width: 200px;
}

#asp-warning-div {
  text-align: left;
}

#logging-in-throbber {
  margin: 0 10px;
}

#password-row {
  margin-bottom: 0;
  margin-top: 2px;
}

#action-area {
  margin: 1em 0;
}

#sign-in {
  margin: 0;
}

#sync-setup-configure {
  background: white;
}

#choose-data-types-form {
  -webkit-user-select: none;
}

#chooseDataTypesRadio {
  vertical-align: top;
}

#chooseDataTypes > div {
  display: inline-block;
}

.sync-data-types {
  margin-left: 5px;
}

#learn-more-link {
  float: right;
}

html[dir='rtl'] #learn-more-link {
  float: left;
}

#customize-link,
#use-default-link {
  -webkit-transition: opacity 250ms;
}


/* Sign in box. */

.sign-in {
  margin: 20px auto;
  width: 335px;
}

.signin-box {
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  padding: 20px 25px 15px;
}

#signin-header {
  position: relative;
}

#signin-header h2 {
  color: #222;
  font-size: 16px;
  font-weight: normal;
  height: 16px;
  line-height: 16px;
  margin-top: 0;
}

#signin-header-logo {
  background: transparent
      url('chrome://resources/images/google-transparent.png') no-repeat;
  display: inline-block;
  height: 19px;
  position: absolute;
  right: 0;
  top: 1px;
  width: 52px;
}

html[dir='rtl'] #signin-header-logo {
  left: 0;
  right: auto;
}

#email-row,
#email-readonly-row,
#password-row {
  margin: 0 0 1.5em;
}

/* Sign in buttons. */

.signin-box input[type=submit] {
  -webkit-margin-end: 0.4em;
  -webkit-margin-start: 0;
  -webkit-transition: all 218ms;
  -webkit-user-select: none;
  background-image: -webkit-linear-gradient(top, rgb(77, 144, 254),
                                                 rgb(71, 135, 237));
  border: 1px solid rgb(48, 121, 237);
  border-radius: 2px;
  color: white;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  height: 32px;
  line-height: 27px;
  margin-bottom: 1.2em;
  margin-top: 0;
  min-width: 54px !important;
  padding: 0 8px;
}

.signin-box input[type=submit]:hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0;
  background-image: -webkit-linear-gradient(top, rgb(77, 144, 254),
                                                 rgb(53, 122, 232));
  border-color: rgb(47, 91, 183);
  color: white;
}

.signin-box input[type=submit]:focus {
  -webkit-box-shadow: inset 0 0 0 1px white;
  border-color: rgb(77, 144, 254);
  outline: none;
  z-index: 4 !important;
}

.signin-box input[type=submit]:active,
.signin-box input[type=submit]:focus:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

.signin-box input[type=submit]:focus:hover {
  -webkit-box-shadow: inset 0 0 0 1px white, 0 1px 1px rgba(0, 0, 0, 0.1);
}

.signin-box input[type=submit][disabled],
.signin-box input[type=submit][disabled]:hover,
.signin-box input[type=submit][disabled]:active {
  -webkit-box-shadow: none;
  background-color: rgb(77, 144, 254);
  border: 1px solid rgb(48, 121, 237);
  color: white;
  opacity: 0.5;
}

/* Sign in text fields. */

.signin-box input[type=text],
.signin-box input[type=password] {
  -webkit-border-radius: 1px;
  -webkit-box-sizing: border-box;
  background-color: white;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  color: #333;
  display: inline-block;
  font-size: 15px;
  height: 32px;
  line-height: 27px;
  margin-top: 0.5em;
  padding-left: 8px;
  vertical-align: top;
  width: 100%;
}

html[dir='rtl'] .signin-box input[type=text],
html[dir='rtl'] .signin-box input[type=password] {
  padding-left: 0;
  padding-right: 8px;
}

.signin-box input[type=text]:hover,
.signin-box input[type=password]:hover {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-color: #b9b9b9;
  border-top: 1px solid #a0a0a0;
}

.signin-box input[type=text]:focus,
.signin-box input[type=password]:focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  border-color: rgb(77, 144, 254);
  outline: none;
}

.signin-box input[type=text][disabled],
.signin-box input[type=password][disabled] {
  -webkit-box-shadow: none;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
}

.signin-box input[type=text][disabled]:hover,
.signin-box input[type=password][disabled]:hover {
  -webkit-box-shadow: none;
}


/* Sign in links. */

.signin-box .account-link {
  color: rgb(17, 85, 204) !important;
  text-decoration: none;
}

.signin-box .account-link:visited {
  color: rgb(102, 17, 204) !important;
  text-decoration: none;
}

.signin-box .account-link:hover {
  text-decoration: underline;
}

.signin-box .account-link:active {
  color: rgb(209, 72, 54) !important;
  text-decoration: underline;
}

/* Sign in text. */

.signin-box strong {
  color: #222;
  display: block;
}

.signin-box label {
  display: block;
  font-weight: bold;
}

/* The help links inside the signin box labels should use a normal font. */
.signin-box label a {
  font-weight: normal;
}

/* Sign in miscellaneous. */

.signin-box .throbber {
  float: right;
}

html[dir='rtl'] .signin-box .throbber {
  float: left;
}

#create-account-div {
  display: inline-block;
}

.signin-box .errormsg {
  color: rgb(221, 75, 57) !important;
  font-size: 13px !important;
  line-height: 17px;
  margin: 0.5em 0 1.5em;
}

.signin-box .help-link {
  -webkit-border-radius: 1em;
  background: rgb(221, 75, 57);
  color: white !important;
  display: inline-block;
  font-weight: bold;
  padding: 0 5px;
  position: relative;
  text-decoration: none;
  top: 0;
}

.signin-box .help-link:visited {
  color: white !important;
}

.signin-box .help-link:hover {
  color: white !important;
  opacity: .7;
}
</style>


<style>/* Copyright 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

/* Don't use the large margin used for the navigation bar. Settings App uses a
 * 20px margin for headings + 18px for sections.
 */
html.settings-app body.uber-frame {
  -webkit-margin-start: 38px;
}

/* There is a tweak in uber_shared.css to improve touch events around the
 * navigation bar (which is not used for the settings app) in reaction to a
 * webkit bug (wk95204). We need to reset back to the original style.
 */
@media(pointer:coarse) {
  html.settings-app body.uber-frame section {
    -webkit-padding-start: 18px;
  }
  html.settings-app body.uber-frame section > h3 {
    -webkit-margin-start: -18px;
  }
}

html.settings-app body.uber-frame header {
  left: 20px;
  min-width: 400px;
}

html.settings-app #content-settings-page .content-area {
  -webkit-margin-start: 18px;
}

/* Settings App is narrower due to no navigation margin, so the roomy language
 * overlay needs to be trimmed down. 25% is taken off the original height and
 * the width is trimmed proportional to (half) the reduction due to the removal
 * of the left margin.
 */
html.settings-app .language-options-left {
  height: 300px;
  width: 228px;
}

html.settings-app .language-options-right {
  height: 300px;
  width: 288px;
}
</style>

</head>

<body class="uber-frame" i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize" style="font-family: &#39;Segoe UI&#39;, Arial, &#39;Microsoft Yahei&#39;, Simsun, sans-serif; font-size: 75%;">
<div id="main-content">


<div id="settings" class="page">

<section id="section-part1">
    <h3 i18n-content="advancedSectionTitleNetwork">突发</h3>
    <div>
      <div class="settings-row">
        <label>
          <span id="download-location-label" i18n-content="downloadLocationBrowseTitle">监控关键词：</span>
          <input id="burst" class="weakrtl" type="text" size="36" value="">
        </label>
        <button id="downloadLocationChangeButton" i18n-content="downloadLocationChangeButton">更改...</button>
        <span class="bubble-button controlled-setting-indicator" pref="download.default_directory">
        <div tabindex="0" role="button"></div></span>
      </div>      
      <div class="checkbox">
        <span class="controlled-setting-with-label">
          <input id="backgroundModeCheckbox" pref="background_mode.enabled" type="checkbox">
          <span>
            <label for="backgroundModeCheckbox" i18n-content="backgroundModeCheckbox">突发事件自动判定算法（江南大学版）</label>
            <span class="bubble-button controlled-setting-indicator" pref="background_mode.enabled">
            <div tabindex="0" role="button"></div></span>
          </span>
        </span>
      </div>
      <div class="checkbox">
        <span class="controlled-setting-with-label">
          <input id="backgroundModeCheckbox" pref="background_mode.enabled" type="checkbox" checked>
          <span>
            <label for="backgroundModeCheckbox" i18n-content="backgroundModeCheckbox">突发事件自动判定算法（复旦大学版）</label>
            <span class="bubble-button controlled-setting-indicator" pref="background_mode.enabled">
            <div tabindex="0" role="button"></div></span>
          </span>
        </span>
      </div>
      <div class="checkbox">
        <span class="controlled-setting-with-label">
          <input id="backgroundModeCheckbox" pref="background_mode.enabled" type="checkbox">
          <span>
            <label for="backgroundModeCheckbox" i18n-content="backgroundModeCheckbox">突发事件自动判定算法（中科大版）</label>
            <span class="bubble-button controlled-setting-indicator" pref="background_mode.enabled">
            <div tabindex="0" role="button"></div></span>
          </span>
        </span>
      </div>
    </div>
</section>


<section id="section-part2">
    <h3 i18n-content="advancedSectionTitleNetwork">最热</h3>
    <div>
      <div class="checkbox">
        <span class="controlled-setting-with-label">
          <input id="backgroundModeCheckbox" pref="background_mode.enabled" type="checkbox" checked>
          <span>
            <label for="backgroundModeCheckbox" i18n-content="backgroundModeCheckbox">百度实时热点</label>
            <span class="bubble-button controlled-setting-indicator" pref="background_mode.enabled">
            <div tabindex="0" role="button"></div></span>
          </span>
        </span>
      </div>
    </div>
</section>

<section id="section-military">
    <h3 i18n-content="advancedSectionTitleNetwork">涉军</h3>
    <div>
      <div class="settings-row">
        <label>
          <span id="download-location-label" i18n-content="downloadLocationBrowseTitle">监控关键词：</span>
          <input id="military" class="weakrtl" type="text" size="36" value="">
        </label>
        <button id="downloadLocationChangeButton" i18n-content="downloadLocationChangeButton">更改...</button>
        <span class="bubble-button controlled-setting-indicator" pref="download.default_directory">
        <div tabindex="0" role="button"></div></span>
      </div>      
    </div>
</section>

</div> <!-- settings -->
</div>

<script src="./js/detailSetting.js" language="javascript" type="text/javascript"></script>

</body></html>